<template>
  <div :class="[header, fz16, { bg_fff: !isIndex}]">
    <div :class="[headWrap, w1160, { special_a: !isIndex }]">
      <div class="head-logo fl">
        <h1>
          <a href="#" :class="{a333:!isIndex}"><img
              :src="isIndex ? logoWhite : logo"
              width="92"
              height="36"
              alt="!"/></a>
        </h1>
      </div>
      <ul class="head-nav fr li-fl">
        <li><router-link to="/" :class="{active: isActive==='index'}">首页</router-link></li>
        <!-- <li class="pull-item pos-rel">
          <a href="#">橙品牌</a>
          <ul class="pull-hid pos-abs">
            <li><a href="#" class="c-fff">橙金融</a></li>
            <li><a href="#" class="c-fff">橙积分</a></li>
          </ul>
        </li> -->
        <li><router-link to="/application" :class="{active: isActive==='application'}">申请入驻</router-link></li>
        <li><router-link to="/case" :class="{active: isActive==='case'}">行业案例</router-link></li>
        <li>
          <router-link to="/news" :class="{active: isActive==='news'}">新闻动态</router-link>
        </li>
        <li><router-link to="/about" :class="{active: isActive==='about'}">关于我们</router-link></li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "BaseHeader",
  props: {},
  data() {
    return {
      headWrap: "head-wrap",
      w1160: "w1160",
      header: "header",
      fz16: "fz16",
      isIndex: false,
      logoWhite: require("@/assets/img/index/logo-white.png"),
      logo: require("@/assets/img/index/logo.png"),
      isActive: false
    };
  },

  mounted() {
    this.$EventBus.$on("IndexStatus", (data = false) => {
      this.isIndex = data
    });
    this.$EventBus.$on("navActive", (data = false) => {
      this.isActive = data
    });
  },

  methods: {},
};
</script>

<style lang="scss" scoped>
</style>